//基础样式
.sel-bgf3 .el-input.is-disabled .el-input__inner {
    background: #f3f3f3 !important;
}
.search_container{
    background: #fff;
    padding: 15px 0;
}
.common-lab{
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    text-align: right;
    color: #666;
}


.infoPage{ 
    // padding:0 20px; 
    margin-bottom: 20px;
}


.title{
    background:#f2f2f2;
    padding: 12px;
    margin-bottom: 10px;
}
.title span{
    border-left:2px solid #f76767;
    padding-left: 5px;
    color: #444;
}


.clearfix{
    zoom: 1;
}
.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.mb30{
    margin-bottom: 30px;
}
.bgf9f9f9{
    background-color:#f9f9f9;
}
.bgfff{
    background-color:#ffffff;
}

// 复写ele
.el-date-editor.el-input, .el-date-editor.el-input__inner{
    width: 100% !important;
}
.el-select{
    width: 100%;
}


// 单独模块加载动画
.sub-loading .el-loading-spinner i{
    color: #fff;
    font-size: 40px;
}

.sub-loading  .el-loading-spinner .el-loading-text{
    color: #fff;
    font-size: 16px;
}
.sub-loading  .el-loading-mask{
    background-color:transparent
}

.sub-loading{
    position: fixed;
    // width: calc(100% - 252px);
    width: 100%;//2020-03-27update
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 10000;
    // left: 252px;
    // top: 55px;
    left: 0px;//2020-03-27update
    top: 0px; //2020-0327update
}



//===========按钮设置=====================
// 默认按钮 实心红色按钮
.Defaultbutton{ 
    background-color: #f76767!important;
    color: #fff!important;
  }
   .Defaultbutton:hover{ 
    background-color: #f78989!important;
    color: #fff!important;
  }
//   默认按钮  线条型灰色按钮
.dangerbutton{
    border: 1px solid #e1e1e1!important;
    color: #666!important;
}
.dangerbutton:hover{
    border: 1px solid #f76767!important;
    background-color: #fff!important;
    color: #f76767!important;
}

//背景
.cell-bgf3{
    input {
        background: #f3f3f3 !important;
    }
} 

.cell-bgred{
    input{
        background: #f08080 !important;
    }
}

.cell-bgblue{
    input {
        background: #AFEEEE !important;
    }
}

.cell-bgb7{
    input {
        background: #B7D8FD !important;
    }
}

#jf .cell-bgf3{
    input {
        background: #f3f3f3 !important;
    }
}

#jf .cell-bgred{
    input{
        background: #f08080 !important;
    }
}

#jf .cell-bgblue{
    input {
        background: #AFEEEE !important;
    }
}

#jf .cell-bgb7{
    input {
        background: #B7D8FD !important;
    }
}

// 个性话
.underwriting{
    background: #f5f5f5;
    position: relative;
    .underwriting-base{
        position: relative;
        .el-tabs__nav{
            // padding: 0 20px; 2020-04-01
        }
        .base-title{
            background: #fff;
            .item-title{
                padding: 20px;
                .item{
                    margin-bottom: 15px;
                    cursor: pointer;
                }
            }
        }
        .base-mian{

            border: 1px solid #e1e1e1;
            border-radius: 4px;
            background: #f5f5f5;
            .base-mian-cell{
                margin-top: 10px;
                background: #fff;
                .base-mian-cell-title{
                    padding:0  20px;
                    height: 50px;
                    line-height: 50px;
                    border-bottom: 1px solid #e1e1e1;
                    .left{
                        .line{
                            color: #f76767;
                        }
                        .tips{
                            margin-left: 15px;
                        }
                    }
                    .right{
                        padding: 0 20px;
                        cursor: pointer;
                    }
                }
                .base-mian-cell-main{
                    padding: 20px;
                }
            }
        }
    }
    .txt-line{
        color: #68A3FC;
        text-decoration: underline;
        cursor: pointer;
    }
    .txt{
        color: #68A3FC;
        cursor: pointer;
    }
    .complain-lab{
        line-height: 28px;
        text-align: right;
        display: block;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .mb10{
        margin-bottom: 10px;
    }
    .com-title{
        background: #f5f5f5;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        .left{
            .line{
                color: #f76767;
            }
            .tips{
                margin-left: 15px;
            }
        }
    }
    .check-main{
        padding: 20px 20px 0 20px;
        cursor: pointer;
    }
    .check-info{
        height: 36px;
        padding: 0 20px;
        border: 1px solid #f76565;
        color: #f76565;
        background: #fff;
        cursor: pointer;
    }
    .check-info-def{
        height: 36px;
        padding: 0 20px;
        border: 1px solid #e1e1e1;
        color: #666;
        background: #fff;
        cursor: pointer;
    }
    .edit-main{
        text-align: center;
        margin-top: 15px;
        cursor: pointer;
        button{
            height: 36px;
            padding: 0 30px;
            color: #fff;
            background: #f76565;
            border-radius: 4px;
        }
    }
    .com-txt{
        line-height: 28px;
    }
    .com-txt-line{
        line-height: 28px;
        color: #68A3FC;
        text-decoration: underline;
        cursor: pointer;
    }
    .policy-main{
        margin-top: 10px;
        background: #fff;
        .policy-main-title{
            height: 40px;
            line-height: 40px;
            padding: 0 20px;
            box-sizing: border-box;
            border-bottom: 1px solid #e1e1e1;
            span{
                margin-left: 8px;
            }
        }
        .policy-main-container{
            padding: 20px;

            .tabs{
                .tabs-item{
                    div{
                        height: 40px;
                        line-height: 40px;
                        padding: 0 20px;
                        border-radius: 4px 4px 0 0;
                        background: #f2f2f2;
                        text-align: center;
                        cursor: pointer;
                        &.active{
                            background: #f76565;
                            color: #fff;
                        }
                    }
                }
            }
            .main{
                padding: 20px;
                border: 1px solid #e1e1e1;
                .main-cell{
                    .main-cell-title{
                        height: 50px;
                        line-height: 50px;
                        .line{
                            color: #f76767;
                            margin-right: 8px;
                        }
                    }
                }
            }
        }
    }
    .com-block{
        padding: 0 10px;
        height: 40px;
        line-height: 40px;
        background: #f5f5f5;
        .com-price{
            color: #FF0000;
        }
    }
    .com-checkbox{
        padding: 0 10px;
        line-height: 36px;
    }
    .com-lab{
        line-height: 36px;
        height: 36px;
        padding: 0 10px;
        text-align: right;
    }
    .com-select{
        height: 36px;
        line-height: 36px;
    }
    .position-re{
        position: relative;
    }
    .position-abs{
        position: absolute;
    }
    .posi-abs-top{
        position: absolute;
        right: 20px;
        top: 10px;
        .lab{
            color: #00C1DE;
            cursor: pointer;
        }
    }
    .position-abs-left{
        position: absolute;
        top: 12px;
        z-index: 10;
        left: 280px;
        color: #68A3FC;
        text-decoration: underline;
        .lab{
            cursor: pointer;
        }
    }
    .position-abs-right{
        position: absolute;
        top: 12px;
        z-index: 10;
        right: 20px;
        color: #68A3FC;
        text-decoration: underline;
        .lab{
            cursor: pointer;
        }
    }
    .pic-select-mian{
        position: relative;
    }
    .select-main{
        width: 50%;
        position: absolute;
        background: #fff;
        border-radius: 4px;
        top: 20%;
        z-index: 10000;
        padding: 20px;
        box-shadow: 0 0 10px #e1e1e1;
        .back-con{
            text-align: center;
            button{
                height: 30px;
                padding: 0 20px;
                background: #fff;
                border: 1px solid #e1e1e1;
                border-radius: 4px;
                cursor: pointer;
                &:hover{
                    color: #f56c6c;
                    background: #fef0f0;
                    border-color: #fbc4c4;
                }
            }
        }
    }
    .note-main{
        .note-logo{
            width: 50%;
            margin: 0 auto;
            display: block;
        }
        .tit{
            color: #000;
            font-weight: 600;
        }
        .tip{
            color: #000;
            text-indent: 28px;
            margin-top: 5px;
        }
        .com-note{
            padding: 0 0 0 56px;
            color: #000;
            .com-txt{
                .lab{

                }
                .txt{
                    color: #000;
                    cursor: inherit;
                }
            }
        }
        .como-title{
            color: #000;
        }
        .com-title-txt{
            color: #000;
            text-indent: 28px;
            margin-top: 5px;
        }
        .com-bom-txt{
            color: #000;
            text-align: right;
            margin-bottom: 5px;
            .sign{
                display: inline-block;
                width: 100px;
                border-bottom: 1px solid #333;
            }
            .si{
                display: inline-block;
                width: 35px;
                border-bottom: 1px solid #333;
            }
        }
        .com-center-tit{
            text-align: center;
            color: #000;
            margin-bottom: 15px;
        }
        .com-center-list{
            li{
                list-style: circle;
                color: #000;
            }
        }
        .com-center-bom{
            color: #000;
            margin-top: 10px;
        }

    }
}